<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航器</title>
    <link rel="stylesheet" href="./css/首页.css">

    </style>
</head>
<body>
<div id="yin">
    <audio  autoplay  loop>
    <source src="./img/首页音乐.ogg" >
    </audio>
</div>


    <div class="slidershow middle">
        <div class="slides"> 
                <input type="radio" name="r" id="r1" checked>
                <input type="radio" name="r" id="r2">
                <input type="radio" name="r" id="r3">
                <input type="radio" name="r" id="r4"> 
                <input type="radio" name="r" id="r5">
            <div class="slide s1 ">  
                <img src="./img/轮播图1.jpg" alt="">
            </div>
            <div class="slide">
                <img src="./img/轮播图2.jpg" alt="">
            </div>
            <div class="slide">
                <img src="./img/轮播图3.jpg" alt="">
            </div>
            <div class="slide">
                <img src="./img/轮播图4.jpg" alt="">
            </div>
            <div class="slide">
                <img src="./img/轮播图5.jpg" alt="">
            </div>
        </div>

        <div class="navigation">
            <label for="r1" class="bar"></label>
            <label for="r2" class="bar"></label>
            <label for="r3" class="bar"></label>
            <label for="r4" class="bar"></label>
            <label for="r5" class="bar"></label>
        </div>
    </div>




    <div class="navbar">
        <img src="./img/logo光夜.png" alt="">
        <ul>
            
            <li><a href="#" class="shou">首页</a></li>
            <li>
                <a href="介绍.html">介绍</a>
                <ol>
                    <li><a href="./3D视觉冲击卡片.html">3D卡片</a></li>
                    <li><a href="./3D旋转照片.html">旋转照片</a></li>
                    <li><a href="./悬浮抽卡片.html">悬浮卡片</a></li>
                </ol>
            </li>
            <li id="lingxi">
                <a href="./流光印记.html">流光印记</a>
                <ol>
                    <li><a href="#">灵犀相册-萧逸</a></li>
                    <li><a href="#">灵犀相册-齐司礼</a></li>
                    <li><a href="#">灵犀相册-陆沉</a></li>
                    <li><a href="#">灵犀相册-夏鸣星</a></li>
                    <li><a href="#">灵犀相册-查理苏</a></li>
                </ol>
            </li>
            <li><a href="#">关于</a></li> 
        </ul> 
            <div class="denglu"><a href="./登录.html">登录</a>&nbsp;&nbsp;<a href="./注册.html">注册</a></div>
    </div>




    <div class="youxijieshao">
        <h1 class="Game">游戏介绍 <span>Game Introduction</span></h1>
   
        <div id="yinv">
            <img src="./img/公司介绍1.png" alt="">
           <div class="hl"><h2>乙女游戏</h2></div>
           <br>
            <p> 乙女游戏，即otomegame，乙女这个词来源于日语，意为未婚的年轻女孩，
                在这个阶段的女孩们有着对爱情的渴望,这种对浪漫美好情感的期待就形成了日本独特的乙女文化。</p>
               <p> 乙女游戏作为这种文化的重要载体之一，成为了亚文化形态的经济资本变现形式。
                当乙女文化传入国内，又在不断探索中发展形成独特的国内的国乙文化。</p> 
        </div>

        <div class="gongsi">
            <img src="./img/公司介绍2.jpg" alt="">
            <h3>AUROR STUDIO</h3>
            <hr>
            <h4>北极光工作室</h4>
            <p><span id="guang">北极光工作室：</span><br>
              &nbsp;  百人左右的规模，成员多来自于
                全国知名项目组，工作室的年轻人，
                是腾讯四大工作室之一。
            </p>
            <ul>
                <p id="guang">腾讯四大工作室：</p>
                <li>天美工作室</li>
                <li>光子工作室</li>
                <li>魔方工作室</li>
                <li>北极光工作室</li>
            </ul>
        </div>

        <div class="youxi">
        <div class="sh1">
            <img src="./img/公司介绍3.jpg" alt="">
        </div>
           <div class="sh3"> 
            <p> 世界上<span>每</span>  一万个人中 <br> / <br> 就有一位<br> 流放者
            他们 曾经是 <span>神</span> 的一员 因指出神 <span>对</span> 人犯下的 <span>罪行</span> 
            被除名 <span>屠戮</span> 镇压于海底
            千年后 其中的幸存者为 生存空间 <span>与 </span>人类展开争夺 </p>         
        </div>
        
        <div class="sh2">
            <br><p>《光与夜之恋》是一款面向女性玩家的恋爱模拟手游，
            由腾讯旗下的北极光工作室群开发和发行。
            游戏以乙女向(Otome)为定位，融合了浪漫剧情、角色互动、
            策略卡牌战斗等多种玩法元素，提供沉浸式的恋爱故事体验。 </p><br>
            <p>在游戏中，玩家扮演一位初出茅庐但极具天赋的设计师，在一个充满时尚与梦幻色彩的城市中展开冒险。
                主人公会邂逅五位身份各异且极具魅力的男主角，分别是: <br>
            &nbsp; 1.夏鸣星:童年玩伴，具有音乐才华的角色。<br>
            &nbsp; 2.齐司礼:作为女主职场上的导师，成熟稳重且神秘的设计师。<br>
            &nbsp; 3.陆沉:万甄集团高层，温文尔雅但内心复杂的商业精英。<br>
            &nbsp; 4.查理苏:富有且自信的豪门子弟，与女主有婚约关系。<br>
            &nbsp; 5.萧逸:性格开朗具有赛车手背景的角色，与女主在儿时偶遇后再次相遇成为朋友。</p>
            <br><p>游戏中，玩家通过选择不同的对话选项，推进与各个男主之间的感情线，
                这些决策将影响故事走向以及最终结局。同时，游戏还包含了卡牌收集和战斗系统，
                玩家需要通过抽取和培养卡牌来提升实力，解决剧情中的挑战。</p>
                <br><p>凭借豪华的声优阵容、精美的视觉设计以及引人入胜的原创剧本，
                    《光与夜之恋》成功吸引了大量玩家的关注，并不断推出新版本和活动内容，
                    以满足玩家对新鲜剧情和更丰富游戏体验的需求</p>
                 </div>

<div id="sh4">
<p >Among every ten thousand people in the world, there is an outcast. They used to be members 
of the gods. Because they pointed out the crimes committed by the gods against humans, they
 were removed from the ranks, slaughtered, and suppressed at the bottom of the sea.
  A thousand years later, the survivors among them fought with humans forliving space.</p>
</div>
</div>


<div class="sd">

     <div class="beijingsheding">
        <img src="./img/背景设定.jpg" alt="" class="qxiaoyi2">
        <img src="./img/q版萧逸.png" alt="" class="qxiaoyi1">
            <div class="qa1"><h1>背景设定<span>Background setting</span></h1></div>
        <div class="qah1">
            <p> 时尚界展露锋芒的新星设计师。秉持着心中的炽热，追求闪耀的梦想。</p>
            <p>殊不知，命运的轨迹已悄然开幕……</p>
            <p>光与夜，是浩瀚千年书写下的浪漫序曲，是流放者留存天地间最后的箴言。</p>
            <p>而我们的故事，究竟是轮回的相遇？还是命定的重逢？</p>
            <p>拨动抉择的指针，扒开未知的迷雾，指向专属于你的未来。</p>
        </div>
     </div>

    <div class="xitongrenwu">
        <img src="./img/任务系统.jpg" alt="" class="xiayim1">
        <img src="./img/q版夏鸣星.png" alt="" class="xiayim2">
        <div><h1 class="qa2">任务系统<span>Task system</span></h1></div>
        <div>
            <p class="qah2">光夜变奏既是章节类的主线任务，玩家需要按照章节顺序，逐个章节进行挑战，部分章节的解锁需要外婆小铺、
                角色达到指定级别等条件，玩家成功完成每个章节，可以获得相应的极光币、设计材料等奖励。	
                一个章节的选项数量，以及选择了什么，可以在章节	界面顶端，或者对应选项出现的小节查看。
                选择一个选项后，如果想回到另外结局，通关后使用广溯回之涟重置，一个选项点使用一次道具。</p>
        </div>
    </div>

    <div class="zhandouxitong">
        <img src="./img/战斗系统.jpg" alt="" class="qisili1">
        <img src="./img/q版齐司礼.png" alt="" class="qisili2">
        <img src="./img/q版陆沉.png" alt="" class="luchen1">
            <div><h1 class="qa3">战斗系统<span>Combat system</span></h1></div>
            <div class="qah4-1">
                <h2>常规战斗</h2>
                <p>
                    玩家阵容5个灵犀进入战斗后，将会按照灵犀上阵顺序，逐个进行攻击。
                    攻击对象为不同血量，不同颜色的灵感碎片，颜色与灵犀的情绪属性
                    （快乐、信任、真挚、果决、无畏、专注）相对应，增攻击有加成伤害。
                </p>
            </div>
            <div class="qah4-2">
                <h2>音游类战斗</h2>
                <p>
                    手指涂抹屏幕，会出设计图，当绘制材料落入准心时，进行相应
                    操作，将设计图还原成为实物。操作类型分为纽扣为点击屏幕；
                    拉链为长按屏幕；剪刀为向左短滑。
                </p>
            </div>
    </div>
        
    <div class="wanjiatuandui">
        <img src="./img/玩家团队.jpg" alt="" class="zhalisu1">
        <img src="./img/q版查理苏.png" alt="" class="zhalisu2">
        <div><h1 class="qa4">玩家团队<span>Player team</span></h1></div>
        <div class="qah4">
            <p>玩家需要先达到3级时，才会解锁好友选项，解锁之后玩家就能在游戏主页面的右上角，
                看到一个小人的图标，就是好友系统，点进这个好友系统，玩家就能在这里面添加好友。
                添加好友的方法有两种，第一种就是通过同步的方式，玩家可以将自己链接发给好友，
                然后对方就可以点击这个链接进行添加了，第二种是玩家可以将自己的编号发给其他玩家，
                然后他们通过搜索添加，也是可以的。其他玩家添加自己也是这样的流程，添加成功之后，这些好友就都会在主界面显示出来。</p>
        </div>
    </div>
</div>





    

<div class="wei">
    <p>光与夜之恋<br>
    <span>L'amore della luce e della notte</span></p>
</div>
</body>
</html>